<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@include file="common/header.jsp"%>
<link href="${pageContext.request.contextPath }/statics/AmazeUI-2.4.2/seastyle.css" rel="stylesheet" type="text/css" />

<b class="line"></b>
           <div class="search">
			<div class="search-list">
			<div class="nav-table">
					   <div class="long-title"><span class="all-goods">全部分类</span></div>
					   <div class="nav-cont">
							<ul>
								<li class="index"><a href="${pageContext.request.contextPath }/index/index.do">首页</a></li>
                                <li class="qc"><a href="${pageContext.request.contextPath }/index/search?p_type=4">跟团游</a></li>
                                <li class="qc"><a href="${pageContext.request.contextPath }/index/search?p_type=2">酒店</a></li>
                                <li class="qc"><a href="${pageContext.request.contextPath }/index/search?p_type=1">门票</a></li>
							</ul>
						</div>	
			</div>
			
				
					<div class="am-g am-g-fixed">
						<div class="am-u-sm-12 am-u-md-12">
	                  	<div class="theme-popover">	
									<div class="searchAbout">
										<span class="font-pale">相关酒店搜索：</span>
										<a title="地点" href="#">地点</a>
										<a title="景点" href="#">价格</a>
										<a title="推荐" href="#">好评度</a>
									</div>
									<ul class="select">
										<p class="title font-normal">
											<span class="fl">酒店</span>
											<span class="total fl">搜索到 <strong class="num"> ${hotelcount} </strong> 件相关商品</span>
										</p>
										<div class="clear"></div>
										<li class="select-result">
											<dl>
												<dt>已选</dt>
												<dd class="select-no"></dd>
												<p class="eliminateCriteria">清除</p>
											</dl>
										</li>
										<div class="clear"></div>
										<li class="select-list">
											<dl id="select1">
												<dt class="am-badge am-round">目的地</dt>	
												 <div class="dd-conent">										
													<dd class="select-all">
														<input type="text" class="area" name="area" value=""/>
													</dd>
												 </div>
								
											</dl>
										</li>
										<li class="select-list">
											<dl id="select2">
												<button class="btn">查询</button>
												<button class="btn1">查询全部</button>
											</dl>
										</li>
									</ul>
							<div class="clear"></div>
                        </div>
                        
							<div class="search-content">
								<div class="sort">
									<li class="first"><a title="综合">综合排序</a></li>
									<li><a title="销量">销量排序</a></li>
									<li><a title="价格">价格优先</a></li>
								</div>
								<div class="clear"></div>
							

								<ul id="ul" class="am-avg-sm-2 am-avg-md-3 am-avg-lg-4 boxes "> <!--  class="am-avg-sm-2 am-avg-md-3 am-avg-lg-4 " -->
									<c:forEach var="product" items="${products}">
										<li>
											<div class="i-pic limit">
											<a href="${pageContext.request.contextPath }/index/showhotelinfo?id=${product.id}">
												<img alt="" src="/pic/${product.org_PicPath}">
												<p class="title fl">${product.p_Name}</p>
												<p>酒店介绍: ${product.desc}</p>
												<p class="price fl">
													<b>¥</b>
													<strong>${product.price}</strong>
												</p>
												<p class="number fl">
													销量<span>1110</span>
												</p>
												</a>
											</div>
											
										</li>
									</c:forEach>
								</ul>
								
								
								
								</div>
							<div class="search-side">

								<div class="side-title">
									相关攻略
								</div>

								<li>
									<!-- <div class="i-pic check">
										<img src="../images/cp.jpg" />
										<p class="check-title">萨拉米 1+1小鸡腿</p>
										<p class="price fl">
											<b>¥</b>
											<strong>29.90</strong>
										</p>
										<p class="number fl">
											销量<span>1110</span>
										</p>
									</div> -->
								</li>
								

							</div>
							<div class="clear"></div>
							<!--分页 -->
							<ul class="am-pagination am-pagination-right">
								<li class="am-disabled"><a href="#">&laquo;</a></li>
								<li class="am-active"><a href="#">1</a></li>
								<li><a href="#">2</a></li>
								<li><a href="#">3</a></li>
								<li><a href="#">4</a></li>
								<li><a href="#">5</a></li>
								<li><a href="#">&raquo;</a></li>
							</ul>

						</div>
					</div>
					
				</div>

			</div> 








<%@include file="common/footer.jsp"%>
<script>
	$("#select2>.btn").on("click",function(){
		var area = $(".select-all>.area").val();
		if(area == null || area==""){
			window.location.href = "/Trip/index/search?p_type=2";
		}else{
			window.location.href = "/Trip/index/search?p_type=2&area="+area;
		}
		
	});

	$("#select2>.btn1").on("click",function(){
		window.location.href = "/Trip/index/search?p_type=2";
	});

</script>